<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-14 15:08:24
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-01-10 22:40:11
-->
<template>
  <div  ref="bottom1_container" style="height:95%"></div>
</template>
<script>
import { Pie } from '@antv/g2plot';
export default {
  data(){
    return{
      dataArr:[{ type: '分类一', value: 1 },
  { type: '分类二', value: 44 },
  { type: '分类三', value: 1 },
  { type: '分类四', value: 1 },
  { type: '分类五', value: 1 },
  { type: '其他', value: 1 },]
    }
  },
  mounted() {
    this.initChart()
  },
  methods:{
    initChart(){const piePlot = new Pie(this.$refs.bottom1_container, {
  data:this.dataArr,
  angleField: 'value',
  colorField: 'type',
});

piePlot.render();
    }
  }
}
</script>